<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<link href="./css/font-awesome/font-awesome.min.css" rel="stylesheet">
	<style>
	/*CSS重置样式*/
	*{margin:0px;padding:0px;}
	body{background:#6CCCCB;}

	.login{width:514px;height:252px;background:url(./App/View/Admin/images/logo.png);border-radius:20px;padding:12px 0 0 10px;position:relative;}
	.login-l{width:420px;height:263px;}
	.login-l-top{font-size:24px;height:70px;line-height:70px;font-weight:800;color:#fff;text-indent:40px;font-family:'Arial','Microsoft YaHei';letter-spacing:30px;}

	.login-l-b{padding:0 0 0 20px;}
	.user{padding-right:30px;}
	.user p{font-size:16px;color:#fff;font-weight:800;padding-bottom:15px;}
	input.user-input,input.pwd-input{width:125px;height:34px;line-height:34px;border:none;font-size:18px;font-weight:600;}
	.user-input{background:url(./App/View/Admin/images/username-field.png) no-repeat;padding:2px 35px 2px 8px;}
	.pwd-input{background:url(./App/View/Admin/images/password-field.png) no-repeat;padding:2px 35px 2px 8px;}

	.register{display:inline-block;margin-top:30px;padding-left:20px;}
	.register a{font-size:12px;color:#fff;text-decoration:underline;}
	
	.login-r{padding-top:166px;}
	.sub{height:73px;width:80px;border:none;background:transparent;font-size:26px;font-weight:800;color:#fff;text-align:center;}
	.sub:hover{background:url(./App/View/Admin/images/go-hover.png) no-repeat;}

	.message{position:fixed;}
	.help{width:100px;height:50px;line-height:50px;text-align:center;background:#005683;font-size:24px;color:#fff;font-family:'Arial','Microsoft YaHei';font-weight:800;border-radius:0 10px 10px 0;}
	.tip{display:none;}
	.arrow{position:absolute;width:0;height:0;top:0;left:110px;border-width:10px 10px 10px 0;border-style:solid;border-color:transparent #009AD7 transparent transparent;}
	.tip-title{position:absolute;width:100px;background:#009AD7;top:0;left:120px;padding:20px;color:#fff;font-family:'Arial','Microsoft YaHei';}
	.autoLogin{font-size:12px;color:#fff;display:inline-block;padding-left:30px;}
	.islogin{vertical-align:middle;margin-right:10px;}
	
	.verify{height:20px;padding-left:20px;padding-top:10px;}
	.input-ver{padding:0 3px;width:80px;height:40px;line-height:40px;border:none;font-size:18px;font-weight:600;border-radius:6px;margin-right:10px;}
	.img-ver{display:inline-block;}
				
	/*公共样式*/
	.fl{float:left;}
	.fr{float:right;}
	.clear{clear:both;}
	.com-width{width:1230px;margin:0 auto;}
	.com-post{position:relative;}
	a{text-decoration:none;}
	ul li{list-style-type: none;}
	img{vertical-align:middle;border:none;}
	</style>
	<script src="./Public/Js/jquery.js"></script>
	<script>
		$(function() {
			var tip       = $('.tip');
			var login     = $('.login');
			var win       = $(window);
			var scrollTop = $(document).scrollTop();
			var left      = (win.width()  - login.outerWidth())/2;
			var top       = (win.height() - login.outerHeight())/2 + scrollTop;

			login.css({
				'top':top,
				'left':left
			});

			$('.help').hover(function() {
				tip.show();
			},function() {
				tip.hide();
			});
		});
	</script>
</head>
<body>
	<div class="login">
		<form action="./index.php?p=admin&c=login&a=login" method="POST">
			<div class="login-l fl">
				<div class="login-l-top">登陆</div>
				<div class="login-l-b">
					<div class="user fl">
						<p>用户名 ：</p>
						<input type="text" name="user" class="user-input" required/>
					</div>
					<div class="user fl">
						<p>密码 ：</p>
						<input type="password" name="pwd" class="pwd-input" required/>
					</div>
					<div class="clear"></div>					
				</div>
				<div class="verify">
					<input type="text" name="verify" class="input-ver"/>
					<img src="./index.php?p=admin&c=login&a=captcha" class="img-ver"
					onclick= "this.src = './index.php?p=admin&c=login&a=captcha&' + Math.random()"
					/>
				</div>
				<div>
					<div class="register">
						<a href="./register.php">大爷,没有帐号吗?点我注册一个玩玩</a>
					</div>
					<div class="autoLogin">
						<input type="checkbox" name="islogin" class="islogin"/>7天自动登陆
					</div>
				</div>
			</div>
			<div class="login-r fl">
				<input type="submit" value="GO" class="sub"/>
			</div>
			<div class="clear"></div>
		</form>
	</div>

	<div class="message">
		<p class="help">HELP</p>
		<div class="tip">
			<div class="arrow"></div>
			<div class="tip-title">
				管理员账户：admin<br/>
				管理员密码：admin
			</div>
		</div>
	</div>
</body>
</html>
<script type="text/javascript">

</script>